<!--*************************************
* @update: xxx_日期  xxxx_谁开发  [创建文件]
* 
* @description: 组件功能xxxx
* 说明:
	1.this.$el.dataset.componentId 可以获取组件唯一标识id;
	2.getData方法已内置到mixin中;
	3.输入关键字'getData',按Tab键,可查看完整的getData代码;
	4.可通过对this.newParams自定义请求参数,也可以传参
****************************************-->
	
<template>
	<div class='el-box'>

	</div>
</template>


<script>
// import changeMixin from './changeMixin'

export default {
	des: '', //组件功能描述
	name: '', //组件名称: 项目名称+场景名称+组件名称
	devInfo: {
		//组件的开发信息记录
		作者: 'xxxx_谁开发',
		时间: 'xxx_日期',
		版本: 'v1.0',
		更新记录: []
	},
	// mixins: [changeMixin],
	components: {},
	props: {
		// 颜色主题
		themeConfig: {
			type: Object,
			default: () => ({})
		}
	},
	setup(props, { attrs, slots, emit }) {},
	data() {
		return {
			width: '200px', //宽
			height: '200px', //高

			newParams: null, //请求参数
			resData: []
		}
	},
	computed: {},
	watch: {},
	created() {},
	mounted() {
		// this.init()
		// this.$nextTick(this.init)
	},
	methods: {
		async init() {
			this.initData()
			this.resData = await this.getData()
			// if(this.resData && this.resData.length > 0) this.drawChart()
		},

		initData() {
			// this.newParams = {}  //自定义请求参数
		}

		/* baseOption() {
			const resData = this.resData
			const fontSizeTimes = T.getFontRate.call(this) //字体倍数
	
			const {
				useTheme, //是否使用主题颜色
				list: listColor, //颜色列表 [一维数组]
				text: textColor, //文本颜色 [字符串,如'#ff00aa']
				assist: assistColor, //辅助颜色 [字符串,如'#ff00aa']
				grid: gridColor //网格颜色 [字符串,如'#ff00aa']
			} = this.themeConfig
	
			//例如: const myTextColor = useTheme ? textColor : '#fff'
	
			const option = {}
			return option
		},
	
		drawChart() {
			this.chart.clear()
			const option = this.baseOption()
			this.chart.setOption(option)
		} */
	},
	beforeUnmount() {}
}
</script>


<style scoped lang='less'>
.el-box {
	width: 100%;
	height: 100%;
}
</style>